{extend name="default/base" /}
{block name="title"}用户注册-{:WSTConf('CONF.shopName')}{__block__}{/block}
{block name="css"}
<link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/login.css?v={$v}" rel="stylesheet">
{/block}
{block name="nav"}
	{include file="default/header" /}
{/block}
{block name="main"}
	<div class="wst-container">
	<div class="wst-login-head">
		<span class="pagel"><a href='{$Request.root.true}'>&nbsp;首页</a></span> <span class="arrow">></span> <span class="pager">用户注册</span>
	</div>
	<div class="wst-login">
	<div class="wst-login_l">
		<img src="__STYLE__/img/img_regist_left.png"/>
	</div>
	<div class="wst-login_r">
		<form id="reg_form"  method="post" autocomplete="off" data-validator-option='{theme:"yellow_right"}'>
		<span class="wst-login-u">欢迎注册{php}echo WSTConf('CONF.shopName');{/php}</span>
		<table class="wst-table">
			<tr class="wst-login-tr prompt">
			<td></td><td>用户名：</td>
			</tr>
			<tr class="wst-login-tr">
				<td></td>
				<td><input id="loginName" name="loginName" class="wst_ipt wst-login-input" tabindex="1" maxlength="30" autocomplete="off" onpaste="return false;" style="ime-mode:disabled;" placeholder="邮箱/用户名/手机号"  type="text" onkeyup="javascript:WST.isChinese(this,1)"/></td>
			</tr>
			<tr class="wst-login-tr prompt">
			<td></td><td>密码：</td>
			</tr>
			<tr class="wst-login-tr">
				<td></td>
				<td><input id="loginPwd" name="loginPwd" class="wst_ipt wst-login-input" tabindex="2" style="ime-mode:disabled;" autocomplete="off" type="password" placeholder="6-16位字符"/></td>
			</tr>
			<tr class="wst-login-tr prompt">
			<td></td><td>确认密码：</td>
			</tr>
			<tr class="wst-login-tr">
				<td></td>
				<td><input id="reUserPwd" name="reUserPwd" class="wst_ipt wst-login-input" tabindex="3" autocomplete="off" type="password" placeholder="6-16位字符"/></td>
			</tr>
			<tr class="wst-login-tr prompt">
			<td></td><td>验证码：</td>
			</tr>
			<tr id="authCodeDiv" class="wst-login-tr">
				<td></td>
				<td>
					<div class="wst-login-code">
					<input id="verifyCode" style="ime-mode:disabled" name="verifyCode"  class="wst_ipt wst-login-codein" tabindex="6" autocomplete="off" maxlength="6" type="text" data-target="#verifyCodeTips" placeholder="验证码" autocomplete="off">
					<img id='verifyImg' class="wst-login-codeim" src="{:url('home/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg")' style="width:116px;border-top-right-radius:6px;border-bottom-right-radius:6px;"><span id="verifyCodeTips"></span>    	
				   	</div>
				</td>
			</tr>
			<tr id="mobileCodeDiv" class="wst-login-tr hide">
				<td></td>
				<td>
					<div class="wst-login-code">
					<input id="mobileCode" style="ime-mode:disabled" name="mobileCode"  class="wst_ipt wst-login-codein" tabindex="6" autocomplete="off" maxlength="6" type="text" data-target="#mobileCodeTips" placeholder="短信验证码" autocomplete="off"/>
					<span class="wst-rfloat" id="mobileCodeTips"></span> 
					<button id="timeTips" onclick="getVerifyCode();" class="wst-regist-obtain">获取短信验证码</button>   	
				   	</div>
				</td>
			</tr>
			<tr class="wst-login-tr prompt">
				<td colspan="2" style="padding-left:220px;">                                
					<label>看不清？<a style="color:#69b7b5;" href="javascript:WST.getVerify('#verifyImg')">换一张</a></label>
				</td>
			</tr>
			<tr class="wst-login-tr">
				<td colspan="2" style="padding-left:2px;position: relative;">
					<label>
						<input id="protocol" name="protocol" type="checkbox" class="wst_ipt" value="1" data-rule="checked"/>我已阅读并同意
		           		<a href="javascript:;" style="color:#69b7b5;" id="protocolInfo" onclick="showProtocol();">《用户注册协议》</a>
		           	</label> 
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<div style="width: 100%;height:36px;line-height:36px;float:left;"><input id="reg_butt" class="wst-regist-but" type="submit" value="注册" style="width: 100%;height:36px;"/></div>
				</td>
			</tr>
			</table>
		</form>
	</div>
	<div class="wst-clear"></div>
	</div>
	</div>
{/block}
{block name="js"}
	<script type="text/javascript" src="__STATIC__/plugins/validator/jquery.validator.js?v={$v}"></script>
	<script type="text/javascript" src="__STATIC__/plugins/validator/local/zh-CN.js?v={$v}"></script>
	<script type='text/javascript' src='__STYLE__/js/login.js?v={$v}'></script>
	<Script>$(function(){initRegist();})</Script>
{/block}